Our Next Page - Testing This page contains all the repeating elements, but no permanent content at this time … it’ll eventually become the next actual page. H

FROM ACORN, TalkGraphics Forum, Aug 10, 2026 In Website Head OR Back symbol Placeholder Head, add CSS: (note Placeholder is a HIDDEN back symbol, upper left corner) Code: <style> .animated:has(.back) { animation-delay: 5s; animation-direction: reverse; } </style> You can change the animation delay time as you choose; 5s is 5 seconds Create your Xara animation(s) - leave Delay (sec) control as zero; if you add in any, it delays the appearance of the object For all to-be reversed animations, add a ClassName as Names > htmlclass="back" My design file uses a Back symbol where the CSS is in the Placeholder Head. It does the same job but makes the solution more transportable. The symbol can be placed on the Pasteboard or elsewhere. CSS-Reverse Animations.xar So, in practice: Copy the Back symbol onto your design Add htmlclass="back" to any animations to be reversed